body{
    background: #f1f2f6;
}
/* 头部信息 */
.me .header{
    position:relative;
    width:100%;
    height:1.6rem;
    background:#11e1ee;
}
.me .header a{
    position: absolute;
    top:0;
    left:0.2rem;
    line-height:.5rem;
}
.me .header > p{
    color:#fff;
    text-align:center;
    font-weight:bold;
    line-height:.5rem;
}
.me .header .me-info{
    width:100%;
    height:1.1rem;
}
.me .header .me-info > img{
    float:left;
    width:.7rem;
    height:.7rem;
    margin:.2rem;
    margin-left:.8rem;
    border-radius:50%;
}
.me .header .me-info .info-message{
    float:left;
    width:50%;
    height:100%;
    margin-left:.6rem;
}
.me .header .me-info .info-message{
    color:#fff;
}
/* 登录密码修改部分 */
.me .me-loginmsg{
    width:100%;
    height:4rem;
    background:#fff;
    margin-top:.1rem;
}
.me .me-loginmsg > ul{
    height:100%;
}
.me .me-loginmsg > ul > li{
    position: relative;
    width:100%;
    height:20%;
    line-height:.8rem;
    text-indent:.7rem;
    border-bottom:1px solid #ccc;
    box-sizing: border-box;
}
.me .me-loginmsg > ul > li:before{
    position: absolute;
    content:'';
    display: block;
    width:.3rem;
    height:.3rem;
    margin:.25rem;
    margin-top:.2rem;
    background:url(../imgs/me/me_change.png) center/cover;
}
.me .me-loginmsg > ul > li.others:before{
    background:url(../imgs/me/me_unbind.png) center/cover;
}
/* 我的订单 */
.me .me-order{
    width:100%;
    height:2rem;
    border-top:1px solid #ccc;  
    border-bottom:1px solid #ccc;
    background:#fff;
    margin-top:.1rem;
}
.me .me-order .order-title{
    width:100%;
    height:.6rem;
    border-bottom:1px solid #ccc;
    line-height:.6rem;
}
.me .me-order .order-title > img{
    width:.4rem;
    height:.4rem;
    margin-left:.1rem;
}
.me .me-order .order-title > span:nth-child(2){
    font-weight:bold;
    margin-left:.1rem;
    font-size:.26rem;
}
.me .me-order .order-title > span:nth-child(3){
    float:right;
    margin-right:.2rem;
    color:#999;
}
.me .me-order .order-info{
    display:flex;
    width:100%;
    height:1.4rem;
}
.me .me-order .order-info .info-pay,
.me .me-order .order-info .info-done{
    position: relative;
    width:50%;
    text-align:center;
}
.me .me-order .order-info .info-pay > span,
.me .me-order .order-info .info-done > span{
    position: absolute;
    top:.2rem;
    left:54%;
    width:.3rem;
    height:.3rem;
    background: red;
    border-radius: 50%;
    color:#fff;
    line-height:.3rem;
}
.me .me-order .order-info img{
    margin:.35rem 0 .1rem;
}
/* 我的钱包 */
.me .me-wallet{
    width:100%;
    height:1.8rem;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    margin-top:.1rem;
    background: #fff;
}
.me .me-wallet .wallet-title{
    width:100%;
    height:.6rem;
    border-bottom:1px solid #ccc;
    line-height:.6rem;
}
.me .me-wallet .wallet-title > img{
    width:.4rem;
    height:.4rem;
    margin-left:.1rem;
}
.me .me-wallet .wallet-title > span{
    font-weight:bold;
    margin-left:.1rem;
    font-size:.26rem;
}
.me .me-wallet .wallet-info{
    width:100%;
    height:1.2rem;
}
.me .me-wallet .wallet-info > ul{
    display: flex;
    height:100%;
}
.me .me-wallet .wallet-info > ul > li{
    width:33.3%;
    text-align:center;
    padding-top:.26rem;
}

